import { type ElRow, type ElCol } from 'element-plus';
import { type PropType, type ExtractPropTypes } from 'vue';

export type RowConfig = InstanceType<typeof ElRow>['$props'];
export type ColConfig = InstanceType<typeof ElCol>['$props'];

export const responsiveProps = Object.assign({}, {
  row: {
    type: Object as PropType<RowConfig>,
  },
  col: {
    type: Object as PropType<ColConfig>,
  },
} as const);

export type ResponsiveProps = ExtractPropTypes<typeof responsiveProps>;
